<template>
	<view class="coinMask" v-show="isShowActi" @click="closePopActi()">
		<view class="coinBg">
			<view class="">

				<button class="coinsure" @click="chooseCoin()">确定</button>
			</view>
		</view>
	</view>
</template>

<script>
	import animationType from '@/utils/animationType.js'
	import {
		getSecondPop,
		getWechatURLLink
	} from '@/api/home.js';
	const comUrl = "https://pic.mae.vip/%E4%BA%BA%E5%83%8F%E5%AE%9E%E6%88%98%E7%8F%AD%E7%B4%A0%E6%9D%90/";
	export default {
		props: {
			coinNum: {
				type: String,
				required: true
			}
		},
		data() {
			return {
				//popbg: comUrl + 'popbg.png',
				popbg: '../../../static/images/portraitMaster/pop/popbg.png',
				djzxkcls: comUrl + 'djzxkcls.png',
				qrcode: comUrl + 'qrcode.png',
				pic: '',
				isShowActi: false,
				closeImg: 'https://pic.mae.vip//crmebimage/public/maintain/2024/09/10/71f1a9aba07d46fdb88b81562904236fwes70ule49.png',
				userId: '',
				token: '',
			}
		},
		mounted() {
			let that = this;

		},
		onLoad(options) {
			let that = this;
		},
		onShow() {
			let that = this;
		},
		methods: {
			chooseCoin() {
				let that = this;
				that.$emit('getCoin', {
					message: 'getCoin'
				});
			},
			showPop(url) {
				let that = this;
				that.isShowActi = true;
				that.popbg = '../../../static/images/portraitMaster/real/pop/popbg.png';
			},
			closePopActi() {
				this.isShowActi = false;
			},
			getSecondPop() {
				let that = this;
			},
		},
	}
</script>

<style lang="scss" scoped>
	.coinMask {
		width: 100%;
		height: 100vh;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1000;
		background-color: rgba(0, 0, 0, 0.5);
	}

	.coinBg {
		width: 100%;
		height: 50vh;
		position: fixed;
		left: 0;
		bottom: 0;
		z-index: 100011;
		background-color: white;
		border-top-left-radius: 16rpx;
		border-top-right-radius: 16rpx;
	}

	.coinsure {
		background-color: #ea5550;
		color: white;
		height: 80rpx;
		line-height: 80rpx;
		font-size: 30rpx;
		position: absolute;
		left: 30rpx;
		bottom: 30rpx;
		width: calc(100% - 60rpx);
	}
</style>